<template>
    
    <el-row>
        <el-col  class="title-A" :span="24">
            <span>题目：两个数之和</span>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" style="flex:none;"> 
            <el-space size="large"  >
                <span style="margin-left: 2px;color:rgb(18, 213, 181); font-size: 12px;">简单</span>  
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="收藏"
                    placement="bottom"
                >
                <el-icon color="#409EFC" > <Star /></el-icon>
                </el-tooltip>
               
            </el-space>
        </el-col>
       
    </el-row>

    <el-row>
        <el-col>
            <p style="text-align: left;font-size: small;">
                给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target  的那 两个 整数，并返回它们的数组下标。

你可以假设每种输入只会对应一个答案。<br/>但是，数组中同一个元素在答案里不能重复出现。

你可以按任意顺序返回答案。
            </p>
        </el-col>
    </el-row>
    <el-row class="title-A">
        <el-col :span="24">
            <el-space fill wrap direction="vertical">
        <div v-for="(item,index) in a" :key="index" class="title-example">
            <p>示例{{ index +1}}</p>
            <pre>
 |<strong>输入:</strong> {{ item.Input }}
 |<strong>输出:</strong> {{ item.Output }}
 |<strong>解释:</strong> {{ item.explain }}
            </pre>
        </div>

    </el-space>

        </el-col>
    </el-row>
   
    <el-row class="title-A">
        <el-col :span="24">
            <el-space fill wrap direction="vertical">
        <p>提示：</p>
        <el-text>1 & s.length & 1000</el-text>
    </el-space>
        </el-col>
    </el-row>
    <el-row class="title-A">
        <el-col :span="24">
            <el-space size="large" spacer="|">
                <span>通过次数:2.5</span> 
                <span>提交次数:2.5</span>
                <span>通过率:66.6%</span>
            </el-space>
        </el-col>
    </el-row>
    <el-divider border-style="dotted" />
    
      <span>@虾皮星球</span>
   

  
</template>

<script lang="ts" setup>
import { Ref } from 'vue';
interface examples{
    Input:string
    Output:string
    explain:string
}
const a=new Array<examples>({Input:'aaa',Output:'jjj',explain:'888'},
{Input:'aaa',Output:'jjj',explain:'888'},{Input:'aaa',Output:'jjj',explain:'888'})

</script>

<style scoped>
    .title-A{
        padding: 0;
        text-align: left;
        padding-top: 5px;
        font-size: 14px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    .title-example{
        font-size: small;
    }
    .title-example>*{
        padding: 0;
        margin: 0;
    }


</style>